<html>
<head>
<link rel="stylesheet" href="css/general.css" />
<link rel="stylesheet" href="css/jquery.mobile-1.3.0.min.css" />

<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="js/jquery.mobile-1.3.0.min.js" type="text/javascript"></script>
<script src="js/general.js" type="text/javascript"></script>

</head>
<body>
	<div id='all_content'>
		<div id='header' data-role="collapsible" data-collapsed="false">
			<h3>Try-it-yourself!</h3>
			<p>Welcome to the try-it-yourself section! You can write down the code in code area and afterwards see the result in the above container!</p>
		</div> 
		<div id='editor' data-role="collapsible" data-collapsed="false">
			<h3>Source code:</h3>
			<form>
				<textarea id='code' rows='5'></textarea>
				<input type='button' value='Submit Code' onclick="displayCode();" />
			</form>
		</div>
		<div id='displayer' data-role="collapsible">
			<h3>Result</h3>
			<iframe id='result' width='100%' height='auto' class='shadow'></iframe>
		</div>
		<div id="footer" data-role="footer" data-position="fixed">
		
			<h4>&copy; "Politehnica" University, 2013</h4>
		</div>
	</div>
</body>
</html>